import { Button, Flex, Form, Input, Switch,TreeSelect,Radio } from 'antd'
import { useRef, useState } from 'react'
import type { RadioChangeEvent } from 'antd';
type MenuFormProps = {
  item: any
  onClose: () => void
}
const LogForm: React.FC<MenuFormProps> = (props: any) => {
  console.log(props)
  const [form] = Form.useForm()
  const [value, setValue] = useState<string>();
  const [radioValue, setRadioValue] = useState(1);

  const onRadioChange = (e: RadioChangeEvent) => {
    setValue(e.target.value)
  }
  const onChange = (newValue: string) => {
    setValue(newValue);
  };
  return (<>
    <Form form={form} labelAlign="right" labelCol={{ span: 6 }}>
      <h3>日志信息</h3>
      <Form.Item label="操作时间" name="use">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="操作人" name="use1">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="操作模块" name="use2">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="操作内容" name="use3">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="操作IP" name="use4">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <h3>日志详情</h3>
      <Form.Item label="请求地址" name="use4">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="请求方式" name="use4">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="浏览器" name="use4">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
      <Form.Item label="请求参数" name="use4">
        <Input placeholder="请输入菜单名称" />
      </Form.Item>
    </Form>
  </>)
}

export default LogForm